<!doctype html>
<html>
<head>
<title></title>
<meta charset="utf-8"/>
<style>
 *{margin:0;padding:0;}
  ul{
    width:160px;height:500px;
	background:#c81623;list-style:none;
	float:left;
  }
  ul li{
    width:150px;height:30px;
	line-height:20px;
	padding-left:10px;
	
  }
  ul li a{
    color:#fff;text-decoration:none;
	cursor:pointer;
	font-size:12px;
  }
  ul li a b{
    float:right;margin-right:8px;
	text-align:center;
	line-height:30px;
  }
  ul .li1{
    width:150px;height:46px;
	background:#b1191a;
	line-height:46px;
  }
  .content{
    width:800px;height:460px;
    background:#f7f7f7;position:absolute;
    left:160px;top:46px;
	display:none;
	
	
  }
  .content li{
    width:710px;height:50px;
	list-style:none;
  }
  .content .list{
    width:710px;height:25px;
    padding-left:21px;
	font-size:12px;
	padding-top:20px;
	
	
	
  }
  .content .list b{
    display:block;
	float:right;
    width:24px;height:24px;
	text-align:center;
	line-height:24px;
	margin-left:8px;
	
	cursor:pointer;
	text-align:center;
  }
  
  .content .list a{
    display:block;
	float:left;
    padding-left:9px;
	text-decoration:none;
	margin-right:10px;
	color:white;
	height:24px;line-height:24px;
	background:#767 url(images/8.jpg) no-repeat right top;;
	
	
  }
  .content .list a:hover{
     background:#c81623 url(images/7.jpg.jpg) no-repeat;
  }
  .content p{
    width:674px;height:12px;
	padding-left:24px;
	padding-top:16px;
	margin-bottom:8px;
  }
  .content .p1{
    width:675px;height:12px;
	margin-left:114px;
	border-bottom:1px solid #ccc;
	padding:0;
	padding-bottom:12px;
  }
  .content p a{
    padding-left:10px;
	padding-right:10px;
	text-decoration:none;
	color:#7c7171;
	font-size:12px;
  }
  .content p .a1{
    padding-right:33px;
  }
  .content p a:hover{
    color:#c81623;
  }
  .content p a:hover b{
    color:#c81623;
  }
  
  .box{
    width:730px;height:450px;
    float:left;
	position:relative;overflow:hidden;
  }
  #list{
    width:730px;height:450px;
	list-style:none;position:absolute;
	left:0;top:0;
  }
  #list li{
    width:730px;height:450px;
	float:left;
  }
</style>
<script type="text/javascript" src="jquery.js"></script>
<script>
 $(function(){
   
   $(".li2").hover(
     function () {
       $(this).addClass("hover");
	   $(this).css("background","#f7f7f7");
	   var index=$(this).index()-1;
	   $(".content").hide();
	   $(".content").eq(index).show();
	   
     },
	 
     function () {
       $(this).removeClass("hover");
	   $(this).css("background","#c81623");
	   var index=$(this).index()-1;
	  
     }
   );
     
	 $(".content").mouseover(function(){
	    $(this).show();
	 })
   
	 $(".content").mouseout(function(){
	    $(this).hide();
	 })
   
 }) 
 
</script>
</head>
<body>
  <ul id="d">
  <li class="li1"><a href="javascrpit:;">全部商品分类</a></li>
  <li class="li2"><a href="javascrpit:;">家用商品<b>></b></a></li>
  <li class="li2"><a href="javascrpit:;">手机,商品,分类<b>></b></a></li>
  <li class="li2"><a href="javascrpit:;">全部商品分类<b>></b></a></li>
  <li class="li2"><a href="javascrpit:;">全部商品分类<b>></b></a></li>
  <li class="li2"><a href="javascrpit:;">全部商品分类<b>></b></a></li>
  <li class="li2"><a href="javascrpit:;">全部商品分类<b>></b></a></li>
  </ul>

<div class="box1">
<div class="content">
     <li class="list" >
	   <a href="#">618鞋子<b>></b></a>
	   <a href="#">当季热卖<b>></b></a>
	   <a href="#">国际品牌<b>></b></a>
	   <a href="#">时尚期刊<b>></b></a>
	   <a href="#">珠宝首饰<b>></b></a>
	   <a href="#">奢饰品<b>></b></a>
	   <a href="#">收藏投资<b>></b></a>
	 </li>
     <li>
	    <p>
		  <a class="a1" href="#">时尚男装</a>| <a href="#">上衣</a> | <a href="#">西服</a> | 
	      <a href="#">手机</a> | <a href="#">手机</a>
		</p>
	    <p class="p1">
	       | <a href="#">手机</a> | <a href="#">手机</a> | 
	      <a href="#">手机</a> | <a href="#">手机</a>
	    </p>
	 </li>
	 <li>
	    <p>
		  <a class="a1" href="#">时尚女鞋</a>| <a href="#">手机</a> | <a href="#">手机</a> | 
	      <a href="#">手机</a> | <a href="#">手机</a>
		</p>
	    <p class="p1">
	       | <a href="#">手机</a> | <a href="#">手机</a> | 
	      <a href="#">手机</a> | <a href="#">手机</a>
	    </p>
	 </li>
	 <li>
	    <p>
		  <a class="a1" href="#">时尚女鞋</a>| <a href="#">手机</a> | <a href="#">手机</a> | 
	      <a href="#">手机</a> | <a href="#">手机</a>
		</p>
	    <p class="p1">
	       | <a href="#">手机</a> | <a href="#">手机</a> | 
	      <a href="#">手机</a> | <a href="#">手机</a>
	    </p>
	 </li>
	 <li>
	    <p>
		  <a class="a1" href="#">时尚女鞋</a>| <a href="#">手机</a> | <a href="#">手机</a> | 
	      <a href="#">手机</a> | <a href="#">手机</a>
		</p>
	    <p class="p1">
	       | <a href="#">手机</a> | <a href="#">手机</a> | 
	      <a href="#">手机</a> | <a href="#">手机</a>
	    </p>
	 </li>
	 <li>
	    <p>
		  <a class="a1" href="#">时尚女鞋</a>| <a href="#">手机</a> | <a href="#">手机</a> | 
	      <a href="#">手机</a> | <a href="#">手机</a>
		</p>
	    <p class="p1">
	       | <a href="#">手机</a> | <a href="#">手机</a> | 
	      <a href="#">手机</a> | <a href="#">手机</a>
	    </p>
	 </li>
 </div>
 <div class="content">
     <li class="list" >
	   <a href="#">618鞋子<b>></b></a>
	   <a href="#">当季热卖<b>></b></a>
	   <a href="#">国际品牌<b>></b></a>
	   <a href="#">时尚期刊<b>></b></a>
	   <a href="#">珠宝首饰<b>></b></a>
	   <a href="#">奢饰品<b>></b></a>
	   <a href="#">收藏投资<b>></b></a>
	 </li>
     <li>
	    <p>
		  <a class="a1" href="#">时尚精品</a>| <a href="#">上衣是是是</a> | <a href="#">西服</a> | 
	      <a href="#">手机肾上腺素</a> | <a href="#">是是是手机</a>
		</p>
	    <p class="p1">
	       | <a href="#">手机时尚</a> | <a href="#">时尚手机</a> | 
	      <a href="#">手机是是是</a> | <a href="#">手机时尚</a>
	    </p>
	 </li>
	 <li>
	    <p>
		  <a class="a1" href="#">时尚女鞋</a>| <a href="#">手机时尚</a> | <a href="#">是是是手机</a> | 
	      <a href="#">手机</a> | <a href="#">时尚</a>
		</p>
	    <p class="p1">
	       | <a href="#">时尚手机</a> | <a href="#">时尚手机</a> | 
	      <a href="#">手机</a> | <a href="#">手机</a>
	    </p>
	 </li>
	 <li>
	    <p>
		  <a class="a1" href="#">时尚女鞋</a>| <a href="#">是否手机</a> | <a href="#">手机</a> | 
	      <a href="#">大哥哥手机</a> | <a href="#">手机</a>
		</p>
	    <p class="p1">
	       | <a href="#">手机风暴</a> | <a href="#">到达手机</a> | 
	      <a href="#">手机</a> | <a href="#">手机</a>
	    </p>
	 </li>
	 <li>
	    <p>
		  <a class="a1" href="#">时尚女鞋</a>| <a href="#">下点功夫手机</a> | <a href="#">手机</a> | 
	      <a href="#">手机 菜刀队</a> | <a href="#">手机</a>
		</p>
	    <p class="p1">
	       | <a href="#">手机</a> | <a href="#">地方润肤乳手机</a> | 
	      <a href="#">手机</a> | <a href="#">手机</a>
	    </p>
	 </li>
	 <li>
	    <p>
		  <a class="a1" href="#">时尚女鞋</a>| <a href="#">手机蔡夫人</a> | <a href="#">手机</a> | 
	      <a href="#">手机</a> | <a href="#">到达手机</a>
		</p>
	    <p class="p1">
	       | <a href="#">又看了看</a> | <a href="#">手机</a> | 
	      <a href="#">手机</a> | <a href="#">返回给他手机</a>
	    </p>
	 </li>
  </div>
  <div class="content">
     <li class="list" >
	   <a href="#">618鞋子<b>></b></a>
	   <a href="#">当季热卖<b>></b></a>
	   <a href="#">国际品牌<b>></b></a>
	   <a href="#">时尚期刊<b>></b></a>
	   <a href="#">珠宝首饰<b>></b></a>
	   <a href="#">奢饰品<b>></b></a>
	   <a href="#">收藏投资<b>></b></a>
	 </li>
     <li>
	    <p>
		  <a class="a1" href="#">时尚包包</a>| <a href="#">上衣</a> | <a href="#">西服</a> | 
	      <a href="#">手机</a> | <a href="#">手机</a>
		</p>
	    <p class="p1">
	       | <a href="#">手机</a> | <a href="#">大锅饭手机</a> | 
	      <a href="#">手机大锅饭</a> | <a href="#">软件和手机</a>
	    </p>
	 </li>
	 <li>
	    <p>
		  <a class="a1" href="#">时尚女鞋</a>| <a href="#">手机</a> | <a href="#">手机</a> | 
	      <a href="#">手机</a> | <a href="#">手机</a>
		</p>
	    <p class="p1">
	       | <a href="#">手机日返回给</a> | <a href="#">手机</a> | 
	      <a href="#">手机</a> | <a href="#">手机</a>
	    </p>
	 </li>
	 <li>
	    <p>
		  <a class="a1" href="#">时尚女鞋</a>| <a href="#">风如何与手机</a> | <a href="#">手机</a> | 
	      <a href="#">手机</a> | <a hr ef="#">手机</a>
		</p>
	    <p class="p1">
	       | <a href="#">手机</a> | <a href="#">手机</a> | 
	      <a href="#">手机菜单vfd</a> | <a href="#">谁的手机</a>
	    </p>
	 </li>
	 <li>
	    <p>
		  <a class="a1" href="#">时尚女鞋</a>| <a href="#">双方的手机</a> | <a href="#">手机</a> | 
	      <a href="#">手机达人</a> | <a href="#">手机</a>
		</p>
	    <p class="p1">
	       | <a href="#">手机新东方的</a> | <a href="#">手机</a> | 
	      <a href="#">手机</a> | <a href="#">手机</a>
	    </p>
	 </li>
	 <li>
	    <p>
		  <a class="a1" href="#">时尚女鞋</a>| <a href="#">手机</a> | <a href="#">相当长的手机</a> | 
	      <a href="#">手机</a> | <a href="#">宣传发动手机</a>
		</p>
	    <p class="p1">
	       | <a href="#">手机行动</a> | <a href="#">手机</a> | 
	      <a href="#">手机</a> | <a href="#">手机行动</a>
	    </p>
	 </li>
  </div>
  <div class="content">
     <li class="list" >
	   <a href="#">618鞋子<b>></b></a>
	   <a href="#">当季热卖<b>></b></a>
	   <a href="#">国际品牌<b>></b></a>
	   <a href="#">时尚期刊<b>></b></a>
	   <a href="#">珠宝首饰<b>></b></a>
	   <a href="#">奢饰品<b>></b></a>
	   <a href="#">收藏投资<b>></b></a>
	 </li>
     <li>
	    <p>
		  <a class="a1" href="#">精品护肤</a>| <a href="#">说得对上衣</a> | <a href="#">西服</a> | 
	      <a href="#">手机时尚</a> | <a href="#">手机</a>
		</p>
	    <p class="p1">
	       | <a href="#">手机双方的</a> | <a href="#">手机</a> | 
	      <a href="#">手机</a> | <a href="#">手机嘉康利</a>
	    </p>
	 </li>
	 <li>
	    <p>
		  <a class="a1" href="#">时尚女鞋</a>| <a href="#">据说地方</a> | <a href="#">手机</a> | 
	      <a href="#">手机行动</a> | <a href="#">基地</a>
		</p>
	    <p class="p1">
	       | <a href="#">手机孙菲菲</a> | <a href="#">是梵蒂冈手机</a> | 
	      <a href="#">手机</a> | <a href="#">手机</a>
	    </p>
	 </li>
	 <li>
	    <p>
		  <a class="a1" href="#">时尚女鞋</a>| <a href="#">手机</a> | <a href="#">手机</a> | 
	      <a href="#">手机谁的</a> | <a href="#">手机</a>
		</p>
	    <p class="p1">
	       | <a href="#">个就像是</a> | <a href="#">口水</a> | 
	      <a href="#">度是少吃点饭</a> | <a href="#">手机</a>
	    </p>
	 </li>
	 <li>
	    <p>
		  <a class="a1" href="#">时尚女鞋</a>| <a href="#">就需要提醒</a> | <a href="#">手机</a> | 
	      <a href="#">手机</a> | <a href="#">手机</a>
		</p>
	    <p class="p1">
	       | <a href="#">开始撒</a> | <a href="#">机遇与</a> | 
	      <a href="#">手机</a> | <a href="#">手机谁的</a>
	    </p>
	 </li>
	 <li>
	    <p>
		  <a class="a1" href="#">时尚女鞋</a>| <a href="#">谁的密集</a> | <a href="#">高收益</a> | 
	      <a href="#">手机</a> | <a href="#">手机</a>
		</p>
	    <p class="p1">
	       | <a href="#">手看看</a> | <a href="#">生成</a> | 
	      <a href="#">手机</a> | <a href="#">手机</a>
	    </p>
	 </li>
  </div>
  <div class="content">
     <li class="list" >
	   <a href="#">618鞋子<b>></b></a>
	   <a href="#">当季热卖<b>></b></a>
	   <a href="#">国际品牌<b>></b></a>
	   <a href="#">时尚期刊<b>></b></a>
	   <a href="#">珠宝首饰<b>></b></a>
	   <a href="#">奢饰品<b>></b></a>
	   <a href="#">收藏投资<b>></b></a>
	 </li>
     <li>
	    <p>
		  <a class="a1" href="#">洗护用品</a>| <a href="#">上衣</a> | <a href="#">西服</a> | 
	      <a href="#">手机</a> | <a href="#">手机</a>
		</p>
	    <p class="p1">
	       | <a href="#">面积</a> | <a href="#">梦想</a> | 
	      <a href="#">手机</a> | <a href="#">密集度</a>
	    </p>
	 </li>
	 <li>
	    <p>
		  <a class="a1" href="#">时尚女鞋</a>| <a href="#">协整</a> | <a href="#">协整</a> | 
	      <a href="#">手机</a> | <a href="#">手机</a>
		</p>
	    <p class="p1">
	       | <a href="#">换装</a> | <a href="#">换装</a> | 
	      <a href="#">手机</a> | <a href="#">手机</a>
	    </p>
	 </li>
	 <li>
	    <p>
		  <a class="a1" href="#">时尚女鞋</a>| <a href="#"></a> 包包| <a href="#">包包</a> | 
	      <a href="#">手机</a> | <a href="#">手机</a>
		</p>
	    <p class="p1">
	       | <a href="#">手机</a> | <a href="#">手机</a> | 
	      <a href="#">手机</a> | <a href="#">手机</a>
	    </p>
	 </li>
	 <li>
	    <p>
		  <a class="a1" href="#">时尚女鞋</a>| <a href="#">家具</a> | <a href="#">沙发</a> | 
	      <a href="#">沙发</a> | <a href="#">沙发</a>
		</p>
	    <p class="p1">
	       | <a href="#">电脑</a> | <a href="#">电脑</a> | 
	      <a href="#">手机</a> | <a href="#">手机</a>
	    </p>
	 </li>
	 <li>
	    <p>
		  <a class="a1" href="#">时尚女鞋</a>| <a href="#">被子</a> | <a href="#">被子</a> | 
	      <a href="#">手机</a> | <a href="#">手机</a>
		</p>
	    <p class="p1">
	       | <a href="#">袜子</a> | <a href="#">皮鞋</a> | 
	      <a href="#">皮鞋</a> | <a href="#">手机</a>
	    </p>
	 </li>
  </div>
  <div class="content">
     <li class="list" >
	   <a href="#">618鞋子<b>></b></a>
	   <a href="#">当季热卖<b>></b></a>
	   <a href="#">国际品牌<b>></b></a>
	   <a href="#">时尚期刊<b>></b></a>
	   <a href="#">珠宝首饰<b>></b></a>
	   <a href="#">奢饰品<b>></b></a>
	   <a href="#">收藏投资<b>></b></a>
	 </li>
     <li>
	    <p>
		  <a class="a1" href="#">芦荟胶水</a>| <a href="#">上衣</a> | <a href="#">西服</a> | 
	      <a href="#">手机</a> | <a href="#">手机</a>
		</p>
	    <p class="p1">
	       | <a href="#">西服</a> | <a href="#">上衣</a> | 
	      <a href="#">成山</a> | <a href="#">手机</a>
	    </p>
	 </li>
	 <li>
	    <p>
		  <a class="a1" href="#">时尚女鞋</a>| <a href="#">手机</a> | <a href="#">手机</a> | 
	      <a href="#">手机</a> | <a href="#">手机</a>
		</p>
	    <p class="p1">
	       | <a href="#">高跟</a> | <a href="#">高跟</a> | 
	      <a href="#">高跟</a> | <a href="#">手机</a>
	    </p>
	 </li>
	 <li>
	    <p>
		  <a class="a1" href="#">时尚女鞋</a>| <a href="#">平底</a> | <a href="#">平底</a> | 
	      <a href="#">平底</a> | <a href="#">手机</a>
		</p>
	    <p class="p1">
	       | <a href="#">鼠标</a> | <a href="#">鼠标</a> | 
	      <a href="#">鼠标</a> | <a href="#">手机</a>
	    </p>
	 </li>
	 <li>
	    <p>
		  <a class="a1" href="#">时尚女鞋</a>| <a href="#">手机</a> | <a href="#">手机</a> | 
	      <a href="#">手机</a> | <a href="#">手机</a>
		</p>
	    <p class="p1">
	       | <a href="#">手机</a> | <a href="#">手机</a> | 
	      <a href="#">手机</a> | <a href="#">手机</a>
	    </p>
	 </li>
	 <li>
	    <p>
		  <a class="a1" href="#">时尚女鞋</a>| <a href="#">电视</a> | <a href="#">电视</a> | 
	      <a href="#">手机</a> | <a href="#">电视</a>
		</p>
	    <p class="p1">
	       | <a href="#">电话</a> | <a href="#">电话</a> | 
	      <a href="#">手机</a> | <a href="#">手机</a>
	    </p>
	 </li>
 </div>
</div>
</body>
</html>